<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <script src="../scripts/rem.js"></script>
  <link href="../favicon.ico" rel="shortcut icon">
  <title>万果田园 合作</title>
  <link href="../styles/global.css" rel="stylesheet">
  <link href="../styles/join.css" rel="stylesheet">
</head>

<body>
  <header class="header">
    <div class="logo">
      <a href="index.html">
        <img src="../images/logo.png" alt>
      </a>
    </div>
    <div class="classify">
      <img src="../images/classify.png" alt>
    </div>
    <nav class="nav">
      <ul class="nav-list">
        <li class="list">
          <a href="index.html">
            <div>首页</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="survey.html">
            <div>概况</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="information.html">
            <div>资讯</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="business.html">
            <div>业务</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="layout.html">
            <div>布局</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="latest.html">
            <div>动态</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="record.html">
            <div>全程追溯</div>
            <div></div>
          </a>
        </li>
        <li class="list">
          <a href="javascript:;">
            <div>合作</div>
            <div class="active"></div>
          </a>
        </li>
        <li class="list">
          <a href="download.html">
            <div>APP下载</div>
            <div></div>
          </a>
        </li>
      </ul>
    </nav>
  </header>
  <div class="join-main">
    <div class="join-main-tips">请您准确填写您的报名信息，我们的客服人员会和您进行联系</div>
    <div class="join-main-userInfo">
      <dl>
        <dt>基本信息</dt>
        <dd class="user-occupation">
          <div class="user-occupation-active">我是经销商</div>
          <div class="user-occupation-link">我是农场主</div>
          <div class="user-occupation-link">我是合作社</div>
        </dd>
        <dd class="user-name">
          <div class="right">负责人姓名：</div>
          <div class="input">
            <input type="text" maxlength="16" placeholder="填写负责人姓名">
          </div>
        </dd>
        <dd class="user-phone">
          <div class="right"> 手机号：</div>
          <div class="input">
            <input type="text" oninput="phoneRegular()" maxlength="11" placeholder="填写常用手机号">
          </div>
          <div class="user-phone-tip">
            请输入正确的手机号
          </div>
        </dd>
      </dl>
    </div>
    <div class="user-address">
      <dl>
        <dt>地址</dt>
        <dd>
          <div class="right address-title">土地所在地区：</div>
          <div class="selected-address">
            <div class="province select-parent">
              <div class="province-default select">请选择</div>
              <ul class="province-select option"></ul>
            </div>
            <div class="city select-parent">
              <div class="city-default select">请选择</div>
              <ul class="city-select option"></ul>
            </div>
            <div class="area select-parent">
              <div class="area-default select">请选择</div>
              <ul class="area-select option"></ul>
            </div>
          </div>
        </dd>
        <dd class="address-detail">
          <div class="right address-title">详细地址：</div>
          <div class="address-detail-text">
            <input type="text" maxlength="256" placeholder="请填写详细地址">
          </div>
        </dd>
      </dl>
    </div>
    <div class="crop-info">
      <dl>
        <dt>作物信息</dt>
        <dd class="crop-name">
          <div class="right">
            作物名称：
          </div>
          <div class="crop-name-select">
            <div class="crop-type select-parent">
              <div class="crop-title select">请选择</div>
              <ul class="crop-select option">
                <li class="option-li">请选择</li>
                <li class="option-li">水果</li>
                <li class="option-li">蔬菜</li>
                <li class="option-li">调味品</li>
                <li class="option-li">豆谷类</li>
                <li class="option-li">茶类</li>
                <li class="option-li">草本类</li>
                <li class="option-li">花类</li>
                <li class="option-li">干果</li>
              </ul>
            </div>
            <div class="crop-detail-name">
              <input type="text" maxlength="20" placeholder="填写作物具体名称">
            </div>
          </div>
        </dd>
        <dd class="plant-size">
          <div class="right">
            拥有土地面积：
          </div>
          <div class="plant-size-input">
            <input type="text" maxlength="20" oninput="plantNumberRegular()">
          </div>
          <div class="company">
            亩
          </div>
        </dd>
        <dd class="crop-yield">
          <div class="right">
            总产量：
          </div>
          <div class="crop-yield-input">
            <input type="text" maxlength="20" oninput="cropNumberRegular()">
          </div>
          <div class="company">
            kg
          </div>
        </dd>
        <dd class="result-date">
          <div class="right">
            下果时间：
          </div>
          <div class="result-date-month select-parent">
            <div class="crop-title select">请选择</div>
            <ul class="crop-select option">
              <li class="option-li">请选择</li>
              <li class="option-li">一月</li>
              <li class="option-li">二月</li>
              <li class="option-li">三月</li>
              <li class="option-li">四月</li>
              <li class="option-li">五月</li>
              <li class="option-li">六月</li>
              <li class="option-li">七月</li>
              <li class="option-li">八月</li>
              <li class="option-li">九月</li>
              <li class="option-li">十月</li>
              <li class="option-li">十一月</li>
              <li class="option-li">十二月</li>
            </ul>
          </div>
          <div class="result-date-week select-parent">
            <div class="crop-title select">请选择</div>
            <ul class="crop-select option">
              <li class="option-li">请选择</li>
              <li class="option-li">第一周</li>
              <li class="option-li">第二周</li>
              <li class="option-li">第三周</li>
              <li class="option-li">第四周</li>
            </ul>
          </div>
        </dd>
      </dl>
    </div>
    <div class="submit-btn">提交信息</div>
  </div>
  <footer>
    <div class="phone">电话：400-017-5917</div>
    <div class="email">邮箱：postmaster@wggyl.cn</div>
    <div class="address">地址：北京市丰台区新发地京良桥西南侧2000米路北丰合顺市场5号交易厅商01号</div>
    <div class="name-icp">万果供应链科技有限公司 京ICP备17068845号</div>
  </footer>
  <div class="loading">
    <div class="load-gif"></div>
  </div>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="../scripts/main.js"></script>
  <script src="../scripts/join.js"></script>
  <script>
    function phoneRegular() {
      var a = $('.user-phone input').val().replace(/\D/g, '')
      $('.user-phone input').val(a)
    }

    function plantNumberRegular() {
      var a = $('.plant-size-input input').val().replace(/\D/g, '')
      $('.plant-size-input input').val(a)
    }

    function cropNumberRegular() {
      var a = $('.crop-yield-input input').val().replace(/\D/g, '')
      $('.crop-yield-input input').val(a)
    }
  </script>
</body>

</html>
